<!DOCTYPE html>
<title>Test transparent fenced frame navigations with allowed CSP</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/common/utils.js"></script>
<script src="resources/utils.js"></script>
<script src="/common/get-host-info.sub.js"></script>
<script src="/common/dispatcher/dispatcher.js"></script>

<body>
<script>
const allowedCSPs = [
  "*",
  "https://*:*",
  get_host_info().HTTPS_ORIGIN,
  'https://' + get_host_info().ORIGINAL_HOST + ":*"
];
allowedCSPs.forEach((csp) => {
  promise_test(async() => {
    const iframe = setupCSP(csp);
    const key = token();

    await iframe.execute(async (key) => {
      window.addEventListener('securitypolicyviolation', function(e) {
        // Write to the server even though the listener is in the same file in
        // the test below.
        writeValueToServer(key, e.violatedDirective + ";" + e.blockedURI);
      }, {once: true});

      const url = generateURL("/fenced-frame/resources/embeddee.html", [key]);
      attachFencedFrame(url);
    }, [key]);

    const result = await nextValueFromServer(key);
    assert_equals(result, "PASS",
        "The fenced frame should load for CSP fenced-frame-src " + csp);
  }, "Fenced frame loaded for CSP fenced-frame-src " + csp);
});
</script>
</body>
